/*
Description: Used to style the images which are inserted by WordPress Media module.
*/

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

/**
 * 4.0 Alignment
 */

.alignleft {
    float: left;
    margin: 7px 28px 28px 0;
}

.alignright {
    float: right;
    margin: 7px 0 28px 28px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 7px auto;
}

/**
 * CodeMirror
 */

.CodeMirror {
    border: 0;
    font-family: 'Consolas','Liberation','Mono','Menlo',Courier,monospace;
    font-size: 16px;
    line-height: 1.618;
    letter-spacing: 0.015em;
    color: #404d54;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
}

.CodeMirror-lines {
    position: relative;
    overflow: hidden;
}

.CodeMirror-lines:after {
    content: " ";
    display: block;
    position: absolute;
    right: -47.5vw;
    top: 0;
    bottom: 0;
    width: 50vw;
    background-color: #fff;
    z-index: 999;
}

.CodeMirror-fullscreen .CodeMirror-lines:after {
    right: -45vw;
}

.CodeMirror .CodeMirror-selected,
.CodeMirror-selected {
    background: #9cd7f7;
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: #d7d4f0;
}

.CodeMirror-cursor {
    border-left: 3px solid #9cd7f7;
}

.CodeMirror-fullscreen {
    padding: 0;
}

.CodeMirror-lines {
    padding: 2.5vw;
    max-width: 860px;
    margin: auto;
}

.CodeMirror-sided .CodeMirror-lines {
    max-width: 100%;
}

.CodeMirror-fullscreen .CodeMirror-lines {
    padding: 5vw;
}

.cm-header {
    -webkit-font-smoothing: antialiased;
}

.editor-toolbar {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.editor-toolbar.fullscreen {
    border-radius: 0;
    border-bottom: 1px solid #e5eff5;
}

.editor-toolbar.fullscreen::before,
.editor-toolbar.fullscreen::after {
    display: none;
}

.wp-editor-expand #wp-content-editor-tools {
    border: 0;
}

.wp-editor-expand #wp-content-editor-container {
    margin-top: 10px;
}

.editor-statusbar {
    border-top: 1px solid #e5e5e5;
}

.editor-preview,
.editor-preview-side {
    background: #fff;
    border: 0;
    border-left: 1px solid #e5eff5;
    padding: 5vw;
    font-size: 1.2rem;
    line-height: 1.618;
    letter-spacing: 0.015em;
    font-family: Georgia,Times,Serif;
}

.editor-preview-active {
    padding: calc(3vw + 10px);
    max-width: 860px;
    margin: auto;
    border: 0;
    right: 0;
}

@media (min-width:1450px) {
    .editor-preview-active {
        padding: 5vw 0;
    }
}

#poststuff .editor-preview p,
#poststuff .editor-preview-side p {
    font-family: Georgia,Times,Serif;
    font-size: 1.2rem;
    line-height: 1.618;
    letter-spacing: 0.015em;
}

#poststuff .editor-preview pre,
#poststuff .editor-preview-side pre {
    padding: 0 0.5em;
    font-size: 16px;
}

#poststuff .editor-preview pre code,
#poststuff .editor-preview-side pre code {
    background: transparent;
    padding: 0;
    font-size: 16px;
}

#poststuff .editor-preview h1,
#poststuff .editor-preview h2,
#poststuff .editor-preview h3,
#poststuff .editor-preview h4,
#poststuff .editor-preview h5,
#poststuff .editor-preview h6,
#poststuff .editor-preview-side h1,
#poststuff .editor-preview-side h2,
#poststuff .editor-preview-side h3,
#poststuff .editor-preview-side h4,
#poststuff .editor-preview-side h5,
#poststuff .editor-preview-side h6 {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    font-weight: 600;
    line-height: 1.382;
    letter-spacing: 0.015em;
    padding: 0;
    margin-bottom: 0.382em;
}

#poststuff .editor-preview h1,
#poststuff .editor-preview-side h1 {
    font-size: 1.8rem;
}

#poststuff .editor-preview h2,
#poststuff .editor-preview-side h2 {
    font-size: 1.6rem;
}

#poststuff .editor-preview h3,
#poststuff .editor-preview-side h3 {
    font-size: 1.5rem;
}

#poststuff .editor-preview h4,
#poststuff .editor-preview-side h4 {
    font-size: 1.4rem;
}

#poststuff .editor-preview h5,
#poststuff .editor-preview-side h5 {
    font-size: 1.3rem;
}

#poststuff .editor-preview h6,
#poststuff .editor-preview-side h6 {
    font-size: 1.2rem;
}

.wp-editor-tabs,
.quicktags-toolbar {
    display: none;
}